<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			// JQuery 基础语法 注释：JQuery与JavaScript本质，注释沿用JavaScript注释
			/*多行文本*/
			//工厂函数  首行位置   两种使用方式   作用：标识JQuery对象、抓取页面元素
			/*  工厂函数【两种使用方式】
			 *  ①$("选择器")或$('选择器')  常用
			 *  注意：单双引号主要为了区分嵌套问题
			 *  ②jQuery("选择器")或jQuery('选择器')  不常用
			 */
			//①$("选择器")或('选择器')
			// $('button').click(function(){
			// 	/*逻辑+DOM或者BOM*/
			// 	//alert("hello JQuery");----代表BOM层 输出语句
			// 	document.write("<marquee>跑马灯.......</marquee>");--代表DOM层  输出语句
			// 	});
				//②jQuery("选择器")或jQuery('选择器')
				// jQuery('#btn').click(function(){
				// 	console.log("你猜我在哪里出现~");---代表ECCMAScript 5.0语法 输出语句
				// });
				
				/*JQ基础语法：
				  工厂函数[2种].事件源[4类，15种](function(){
					JQ  逻辑：包含 DOM+逻辑与 BOM+逻辑
				})*/
		</script>
	</body>
</html>